<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="/css/main.css" type="text/css">
<link rel="stylesheet" href="/css/notes.css" type="text/css">
</head>
<body>
	<header id='page_header'>
		<h1>My Notes...</h1>
		<!-- 
		<nav>
			<ul>
				<li>AAA</li>
				<li>BBB</li>
				<li>CCC</li>
			</ul>
		</nav>
		 -->
	</header>
	
	<section id="cates">
	    {% for cate in cates %}
	    <article class="cate">
	      <div>
	      	<blockquote>{{ cate.content|escape }}</blockquote>
	      </div>
	      <footer class="cate_footer">
		      {% if cate.author %}
		        By <b>{{ cate.author.nickname }}</b>.
		      {% else %}
		        By anonymous person.
		      {% endif %}
		      {{cate.date}}
	      </footer>
	    </article>
		{% endfor %}
	</section>

    <form action="/notes/cates/post" method="post">
      <div><textarea name="content" rows="3" cols="60"></textarea></div>
      <div><input type="submit" value="Commit"></div>
    </form>

    <!-- a href="{{ url }}">{{ url_linktext }}</a-->

	<footer id='page_footer'>
		<p>&copy; Dollyn(dollyn.sun@gmail.com) 2011-2011</p>
	</footer>
	
</body>
</html>